<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.box {
	background-color: #504D6F;
	border: 1px solid #FFF;
	height: 100px;
	width: 200px;
	padding: 5px;
}
-->
</style>
</head>

<body>
<table cellpadding="5" cellspacing="5" border="1">
<tr><td>
<div class="code"><script type="text/javascript">
function ShowText(id) {
document.getElementById(id).style.display = 'block';
}
function HideText(id) {
document.getElementById(id).style.display = 'none';
}
function replaceme(which,img) {
document.getElementById(which).src = img;
}
function restoreme(which,img) {
document.getElementById(which).src = img;
}

</script>
<span 
onmouseover="ShowText('answer1'); replaceme('img','images/on.gif'); return false;" 
onmouseout="HideText('answer1'); restoreme('img','images/off1.gif'); return false;" >
<img src="images/off1.gif" id="img" style="position:relative; left:200px; top:200px; width:200px; height:100px;">
</span>
<span id="answer1" class="box" style="display:none;">Thong tin chi tiet</span>
</div>
</td></tr>
</table>
</body>
</html>
